<template>
	<view class="viewBack">

		<u-navbar title="待办" safeAreaInsetTop fixed placeholder bgColor='#3c9cff'>
			<view slot="left">

			</view>
		</u-navbar>
		<view class="wrapContent">
			<u-swiper :list="list1"></u-swiper>
		</view>

		<view class="viewContent">
			<u-cell-group>
				<u-cell class="cellItem" title="今日待回访" :arrow='false' :border-bottom='false' bg-color='#fff'>
					<u-image slot="icon" width="80rpx" height="80rpx" src="/static/logo.png"></u-image>

					<u-badge slot="right-icon" :value="9" type="error">
					</u-badge>
				</u-cell>
				<view class="height20">

				</view>
				<u-cell class="cellItem" title="今日待回访" label="挣脱束缚,向往自由" :arrow='false' :border-bottom='false'
					bg-color='#fff'>
					<u-image slot="icon" width="80rpx" height="80rpx" src="/static/logo.png"></u-image>


				</u-cell>
			</u-cell-group>
		</view>


	</view>
</template>

<script>
	export default {

		data() {
			return {

				list1: [
					'https://cdn.uviewui.com/uview/swiper/swiper1.png',
					'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
				],
			}
		},


		methods: {

		}
	}
</script>

<style lang="scss">
	.wrapContent {
		padding: 20rpx;
	}

	.viewContent {
		padding: 0 20rpx;
	}

	.height20 {
		height: 20rpx;
	}

	.cellItem {

		background-color: #fff;
		border-radius: 10rpx;
	}
</style>
